﻿<custom:UserControlExtended x:Class="TextGlow.Control.UI.ArrowButton"
    xmlns="http://schemas.microsoft.com/client/2007" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:custom="clr-namespace:TextGlow.Control">
  <Canvas Width="16.5"
        Height="23.5"
        >
    <Canvas.Resources>
      <Storyboard x:Name="MouseDown">
        <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="RightMouseover" Storyboard.TargetProperty="(UIElement.Opacity)">
          <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
          <SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="1"/>
        </DoubleAnimationUsingKeyFrames>
      </Storyboard>
      <Storyboard x:Name="MouseUp">
        <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="RightMouseover" Storyboard.TargetProperty="(UIElement.Opacity)">
          <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
          <SplineDoubleKeyFrame KeyTime="00:00:00.4000000" Value="0"/>
        </DoubleAnimationUsingKeyFrames>
      </Storyboard>
    </Canvas.Resources>

    <Path Width="16.5" Height="23.5" Stretch="Fill" Stroke="#FFFFC800" StrokeLineJoin="Round" StrokeThickness="2" Data="M87.5,7.6666667 L87.666667,27.166333 99.974518,17.189759 z" RenderTransformOrigin="0.5,0.5" x:Name="Right" Cursor="Hand">
      <Path.Fill>
        <LinearGradientBrush StartPoint="0.5,1.00798" EndPoint="0.5,-0.00798236">
          <GradientStop Color="#FFFDE588" Offset="0"/>
          <GradientStop Color="#FFFFCC00" Offset="0.401826"/>
          <GradientStop Color="#FFFDE588" Offset="1"/>
        </LinearGradientBrush>
      </Path.Fill>
      <Path.RenderTransform>
        <TransformGroup>
          <ScaleTransform ScaleX="0.75" ScaleY="0.65"/>
          <SkewTransform AngleX="0" AngleY="0"/>
          <RotateTransform Angle="0"/>
          <TranslateTransform X="0" Y="0"/>
        </TransformGroup>
      </Path.RenderTransform>
    </Path>

    <Path Width="16.5" Height="23.5" Stretch="Fill" Stroke="#FFE29104" StrokeLineJoin="Round" StrokeThickness="2" Data="M87.5,7.6666667 L87.666667,27.166333 99.974518,17.189759 z" RenderTransformOrigin="0.5,0.5" x:Name="RightMouseover" Opacity="0" Cursor="Hand">
      <Path.Fill>
        <LinearGradientBrush StartPoint="0.5,1.00798" EndPoint="0.5,-0.00798236">
          <GradientStop Color="#FFFDE588" Offset="0"/>
          <GradientStop Color="#FFFFCC00" Offset="0.401826"/>
          <GradientStop Color="#FFFDE588" Offset="1"/>
        </LinearGradientBrush>
      </Path.Fill>
      <Path.RenderTransform>
        <TransformGroup>
          <ScaleTransform ScaleX="0.75" ScaleY="0.65"/>
          <SkewTransform AngleX="0" AngleY="0"/>
          <RotateTransform Angle="0"/>
          <TranslateTransform X="0" Y="0"/>
        </TransformGroup>
      </Path.RenderTransform>
    </Path>
  </Canvas>
</custom:UserControlExtended>